<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普商城</title>
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" type="text/css" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-flex.css" />
    <!--<link rel="stylesheet" href="css/main.css">-->
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/base.js"></script>

    <style type="text/css">
        .aui-slide-page-active{
            background: #757575;
        }
        @media screen and (max-width:321px){
            #aui-slide2{
                height:160px;
            }
        }
        @media screen and (min-width:321px) and (max-width:376px){
            #aui-slide2{
                height:187.5px;
            }
        }
        @media screen and (min-width:377px) and (max-width:415px){
        #aui-slide2{
             height:207px;
            }
        }
    </style>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">微信商城</header>-->
<!--轮播-->
<div >
    <img id="imgBg1" src="./images/5.png" alt="" style="width:150%;height:600px">
</div>
<div id="body1">
<section id="app" v-cloak >
    <div id="aui-slide2">
        <div class="aui-slide-wrap">
            <div id="sliders" class="aui-slide-node aui-slide-node-middle aui-slide-node-center"  v-for="adList,index in  wxAdList">
                <div class="aui-content" @click="goAdDetail(index)" >
                 <span class="aui-text-success">
                    <img  v-bind:src="imgBaseUrl+adList.ad_images">
                     <!--<img src="icon/one.jpg" alt="">-->
                 </span>
                </div>
            </div>
        </div>
        <div class="aui-slide-page-wrap"> </div>
    </div>
<div class="aui-bg-default ad">
    <img src="./icon/huodong.png">
</div>
    <div class="shop_title">商品榜单</div>
<div class="main">
    <div class="aui-flex-item-12">
        <div class="aui-flex-col" style="margin-bottom:3rem">
            <div class="aui-flex-item-6  aui-text-center listBorder" style="position: relative; " v-for="goods in showGoodsList" v-on:click="goGoodsDetail(goods.goods_id)">
                <img v-bind:src="imgBaseUrl+goods.goods_image" >
                <div class="aui-bg-default aui-padded-t-5 shop_price ">
                    <h5 class="aui-text-center aui-font-size-14" style="color:#271d1b">{{goods.goods_name}}</h5>
                     <div class="aui-text-center textColor">￥<span class=" aui-font-size-18">{{goods.shop_price}}</span> </div>
                </div>
           </div>
      </div>
   </div>
</div>
    <div style="clear: both;"></div>
<!--<div  v-if="navigator && navigator.onLine === true" class="buttonInfo">没有更多商品</div>-->
    <div  v-if="navigator && navigator.onLine === false" class="buttonInfo" style="border: 0;margin-top:0"></div>
    <a id="back-to-top" href="#">
        <img  src="./images/toTop.png">
    </a>
    <div v-if="navigator && navigator.onLine === false">
        <div @click="goOnLine()" style="position:relative;height: 2rem">
            <div style="position:absolute;top:50%;left:50%;margin-top:-8rem;margin-left: -4rem">
                <img src="icon/duanwang.png" alt="" style="width:8rem">
                <div class="aui-text-center aui-margin-t-15">暂无网络</div>
            </div>
        </div>
        <div  class="aui-text-center textCol" style="margin-top:1rem">请连接网络后,点击刷新</div>
    </div>

</section>
   <footer class="aui-bar aui-bar-tab" id="footer">
       <div class="aui-bar-tab-item aui-active"  >
           <i class="aui-iconfont aui-icon-home"></i>
           <div class="aui-bar-tab-label">首页</div>
       </div>
       <div class="aui-bar-tab-item ">
           <i class="aui-iconfont aui-icon-cart"></i>
           <div class="aui-bar-tab-label">购物车</div>
       </div>
       <div class="aui-bar-tab-item" >
           <i class="aui-iconfont aui-icon-my"></i>
           <div class="aui-bar-tab-label">个人中心</div>
       </div>
   </footer>
</div>
   <script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
   <script type="text/javascript" src="js/vue.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/api.js"></script>
   <script type="text/javascript" src="js/aui-slide.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-tab.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

</body>
</html>